<template>
  <div id="imageHead">
    <div class="imageHeadImgDiv">
      <img :src="logo" alt="logo" />
    </div>
    <div class="imageHeadSpanDiv">
      <div class="imageHeadSpan">&nbsp;· 双赢数字化竞标平台</div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'ImageHead',
  data() {
    return {
      logo: require('../statics/images/logo.png'),
    }
  },
}
</script>
<style scoped>
/* 图片标题栏 */
#imageHead {
  margin: auto;
  width: 80%;
  height: 80px;
  background-color: white;
  display: flex;
  /* text-align: left; */
  /* border: 1px solid red; */
}
#imageHead img {
  margin-left: -50px;
  line-height: 80px;
  height: 80px;
  width: 200px;
  /* border: 1px solid red; */
}
.imageHeadSpanDiv{
  width: 210px;
  /* border: 1px solid red; */
}
.imageHeadSpan {
  margin-left: -50px;
  line-height: 80px;
  color: #0302f5;
  /* 字体em尺寸属性 */
  font-size: 1.5em;
  font-weight: 600;
  text-shadow: 2px 2px 5px rgba(29, 45, 133, 0.685);
  /* border: 1px solid red; */
  /* 文字换行 */
  white-space: pre;
  /* 超出的文字隐藏 */
  overflow: hidden;
}
</style>